@charset "utf-8";
/* CSS Document */
/*首页内容部分调整<=992 平板*/
@media (max-width: 1650px) {
  body,
  html {
    font-size: 60%;
  }
}
@media (max-width: 1500px) {
  body,
  html {
    font-size: 58%;
  }
}
@media (max-width: 1200px) {
  body,
  html {
    font-size: 56%;
  }
  .w_all {
    width: 90%;
  }
  .nav_box ul li {
    margin: 0 1.5rem;
  }
  .pp_menu2 dl dd img {
    width: 7.2rem;
    padding: 1.2rem 2rem;
  }
  .index_about dl dd strong {
    font-size: 3.6rem;
  }
  .index_bars {
    padding: 10rem 0;
  }
  .title h3 {
    font-size: 4rem;
  }
  .footer .ll {
    width: 28%;
  }
  .footer dl dt {
    font-size: 1.6rem;
  }
  .pro .rr > ul li {
    width: 31.3%;
  }
  .zhizao .btns {
    width: 96%;
  }
  .zhizao .btns .ll {
    width: 2rem;
    height: 2rem;
  }
}
@media (max-width: 850px) {
  body,
  html {
    font-size: 52%;
  }
  .all_bars{
      padding: 5rem 0;
  }
  header {
    padding: 2rem 0;
  }
  .logo {
    height: 4rem;
  }
  nav {
    position: fixed;
    left: 0;
    top: 67px;
    width: 100%;
    height: 100vh;
    display: none;
    background: #fff;
    z-index: 999;
  }
  .nav_box ul {
    display: block;
    text-align: center;
  }
  .p_menu {
    display: none !important;
  }
  .nav_box ul li h3 {
    font-size: 2rem;
  }
  .nav_box ul li i {
    display: none;
  }
  .navBtn {
    display: block;
  }
  .navBtn span {
    background: #333;
  }
  .index_about .bbox {
    padding: 0;
  }
  .index_about .contain {
    flex-wrap: wrap;
  }
  .index_about .ll {
    width: 100%;
  }
  .index_about .rr {
    width: 100%;
    margin-top: 6rem;
  }
  .index_about dl dd{
      width: 50%;
      text-align: center;
      margin: 2rem 0 ;
  }
  .index_about dl .ll {
    justify-content: center;
}
  .index_bars {
    padding: 8rem 0;
  }
  .index_about .bg0 {
    top: 24%;
  }
  .index_about h4 {
    font-size: 2.4rem;
    margin-bottom: 1.5rem;
  }
  .index_about dl dd span i {
    font-size: 1.6rem;
  }
  .index_pro ul {
    flex-wrap: wrap;
  }
  .index_pro ul li {
    width: 100%;
    margin: 2% 0;
  }
  .title h3 {
    font-size: 3.2rem;
  }
  .index_area ul li a {
    display: block;
    font-size: 1.8rem;
  }
  .index_area ul li a img {
    margin: 0 auto 1rem;
    width: 3.5rem;
  }
  .index_news .index_contains {
    flex-wrap: wrap;
  }
  .index_news .ll {
    width: 100%;
  }
  .index_news .ll {
    width: 100%;
  }
  .index_news ul {
    width: 100%;
    margin-top: 8rem;
  }
  .footer .contain {
    flex-wrap: wrap;
    flex-direction: column-reverse;
    padding: 5rem 0 5rem;
  }
  .footer .ll {
    width: 100%;
  }
  .footer .rr {
    width: 100%;
    flex-wrap: wrap;
    margin-top:0;
  }
  .footer .rr dl {
    width:50%;
    margin: 3% 0;
  }
  .footer .rr dl img {
    margin: auto;
  }
  .footer .copyright .box {
    display: block;
    text-align: center;
  }
  .footer .copyright a {
    margin: 0 10px;
  }
  .footer .copyright p {
    margin: 0;
  }
  .footer .copyright {
    padding: 2rem 0 2rem;
  }
  .oban {
    margin-top: 67px;
  }
  .pross .ll {
    display: none;
  }
  .pross .rr {
    width: 100%;
  }
  .pro .rr > ul li {
    width: 100%;
  }
  .pro2 .rr ul,
  .pro3 .rr ul {
    margin-top: 5rem;
  }
  .pro2 .rr > ul li,
  .pro3 .rr > ul li {
    width: 48%;
  }
  .prod .pbar1 {
    flex-wrap: wrap;
  }
  .prod .imgs {
    width: 100%;
  }
  .prod .pbar1 .txt {
    width: 100%;
    margin-top: 3rem;
  }
  .prod .pbar1 .tbot {
    margin-top: 3rem;
  }
  .prod .pbar1 .tbot .tb2 img {
    max-height: 4rem;
  }
  .prod .pbar1 h3 {
    font-size: 2.4rem;
  }
 
  .prod .pbar2 dl dd {
    padding: 1rem 0rem;
    width: 25%;
    text-align: center;
  }
  .prod .pbar2 table tr td:first-of-type {
    padding: 1rem 2rem;
  }
  .prod .pbar2 .dbox2 .imgs p {
    font-size: 1.6rem;
  }
  .prod .pbar2 ul a {
    width: 100%;
  }
  .prod .pbar2 ul li p {
    margin: 0;
  }
  .service ul{
      width: 100%;
  }
  .service ul a {
    width: 100% !important;
    height: 20rem !important;
    margin: 2% 0;
  }
  .title2 {
    margin-bottom: 4rem;
  }
  .title2 h6 {
    font-size: 1.8rem;
  }
  html[lang='en'] .title2 h6{
    font-size: 1.6rem;
}
  .service ul p {
    margin: 0;
  }
  .more3 img {
    width: 2.4rem;
  }
  .back i {
    margin-top: 2px;
  }
  .zhizao .top {
    flex-wrap: wrap;
  }
  .zhizao .top .title2 {
    margin-bottom: 1.5rem;
  }
  .zhizao .top .tr {
    width: 100%;
  }
  .download ul li {
    width: 100%;
  }
  .download ul li h6 {
    font-size: 2rem;
  }
  .download ul li .ll {
    width: 62%;
    padding-left: 5%;
    box-sizing: border-box;
  }
  .download ul li .rr {
    width: 25%;
  }
  .news ul li {
    flex-wrap: wrap;
  }
  .news ul li .ll {
    width: 100%;
  }
  .news ul li .rr {
    width: 100%;
    padding: 3rem 0;
  }
  .news ul li h4 {
    font-size: 2rem;
    margin: 1rem 0 2rem;
  }
  .news_d .cr {
    display: none;
  }
  .news_d .box {
    width: 100%;
  }
  .about1 video{
      border-radius: 20px;
  }
  .about1 .v_btn img {
    width: 5rem;
  }
  .about1 .rr {
    padding: 0;
  }
  .about1 dl {
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
  }
  .about1 dl dd {
    width: 50%;
    margin: 0 0 3rem 0;
    text-align: center;
  }
  .index_about dl .ll {
    justify-content: center;
}
  .about2 .bar0 .bg img {
    width: 100%;
  }
  .about2 .bar0 .bg img:first-of-type {
    width: 65%;
    margin-bottom: -2rem;
  }
  .about2 .bar2 ul li {
    width: 47%;
  }
  .contact ul {
    flex-wrap: wrap;
  }
  .contact ul li {
    width: 100% !important;
    border: none;
    padding: 2rem 3rem 0 !important;
    background: #f6f6f6;
    margin-bottom: 2%;
    border-radius: 5px;
  }
  .contact p {
    width: 100%;
  }
  .zhizao .bar2 .swiper-slide{
      height: 30rem;
  }
   .prod .pbar2 .bbs{
      grid-template-columns: repeat(3, 1fr);
  }
}